.parent{
	<em># 定义弹性容器</em>
	<b>display:flex</b>;
	<em># 指定弹性子元素在父容器中排列方式</em>
	<b>flex-direction</b> :	<i>row</i>				<em>// 横向从左到右排列（左对齐），默认的排列方式</em>
					<i>row-reverse</i>		<em>// 反转横向排列（右对齐，从后往前排，最后一项排在最前面</em>
					<i>column</i>			<em>// 纵向排列</em>
					<i>column-reverse</i>	<em>// 反转纵向排列，从后往前排，最后一项排在最上面</em>
	<em># 弹性子元素在父容器中水平对齐方式</em>
	<b>justify-content</b> :	<i>flex-start</i>		<em>// 开始对齐</em>
					<i>flex-end</i>			<em>// 结束对齐</em>
					<i>center</i>			<em>// 居中对齐</em>
					<i>space-between</i>	<em>// 平均对齐，两边无空隙，间隔平均分布</em>
					<i>space-around</i>		<em>// 平均对齐，两边有空隙，两侧间隔相等</em>
	<em># 弹性子元素在父容器中垂直对齐方式</em>
	<b>align-items</b> : 		<i>flex-start</i>		<em>// 开始对齐</em>
					<i>flex-end</i>			<em>// 结束对齐</em>
					<i>center</i>			<em>// 居中对齐</em>
					<i>baseline</i>			<em>// 基线对齐</em>
					<i>stretch</i>			<em>// 拉伸到于父器等高，默认值。要使stretch选项生效的话，子元素在次轴方向上不能有固定的尺寸</em>
	<em># 用于指定弹性盒子的子元素换行方式</em>
	<b>flex-wrap</b> :		<i>nowrap</i>			<em>// 默认， 弹性容器为单行。该情况下弹性子项可能会溢出容器</em>
					<i>wrap</i>			<em>//  弹性容器为多行。该情况下弹性子项溢出的部分会被放置到新行，子项内部会发生断行</em>
					<i>wrap-reverse</i>		<em>// 反转 wrap 排列</em>
					<i>initial</i>			<em>// 设置该属性为它的默认值</em>
					<i>inherit</i>			<em>//  从父元素继承该属性</em>
	<em># 用于修改 flex-wrap 属性的行为</em>
	<b>align-content</b> : 	<i>stretch</i>			<em>// 默认，各行将会伸展以占用剩余的空间</em>
					<i>flex-start</i>		<em>// 开始对齐</em>
					<i>flex-end</i>			<em>// 结束对齐</em>
					<i>center</i>			<em>// 居中对齐</em>
					<i>space-between</i>	<em>// 平均对齐，两边无空隙，间隔平均分布</em>
					<i>space-around</i>		<em>// 平均对齐，两边有空隙，两侧间隔相等</em>
}